<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

 <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/picnet.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
  <!--    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
   -->
   <link rel="StyleSheet" href="css/jquery-ui-1.8.6.custom.css" type="text/css">
   <link rel="StyleSheet" href="css/long_style.css" type="text/css">   
<script type="text/javascript" src="js/yoyaku.js"></script>
<title>会議室予約システム</title>
 <script type="text/javascript">
	$(document).ready(function() {
		$("#start_date").datepicker( {
			dateFormat : "dd-mm-yy"
		});
	});
	$(document).ready(function() {
		$("#end_date").datepicker( {
			dateFormat : "dd-mm-yy"
		});
	});
	
	
</script>
</head>
<body>
<div id="all">
  <div id="wrapper">
  	<div id="top">
  	 	<tiles:insertTemplate template="/newheader.jsp"></tiles:insertTemplate>   
  	</div><!-- end #top -->
  	<div id="x_content">
  		<div class="vach_ngan">			
		</div><!-- end .vach_ngan -->
		<div id="x_content_b">
  		<div id="x_content_t">
  			<div class="x_content_t_1"></div>
  			<div class="x_content_t_2"></div>
  			<div class="clear"></div>
  		</div><!-- #x_content_t -->
  		<div id="s_content">
			<div id="x_content_left">
				<tiles:insertTemplate template="/left.jsp"></tiles:insertTemplate> 
			</div><!-- end #x_content_left -->
			<div id="x_content_right">
				<div class="x_content_right_title">
					<div class="x_content_right_title_t"><span>固定時間に予約</span></div>
					<div class="x_content_right_title_c"></div>
					<div class="clear"></div>
				</div><!-- end .x_content_right_title -->
				<div class="x_content_right_main">
<div>
<div class = "room_div">
<label class = "long_color">種類</label>
<select class = "long_input"  id = "type_id">
<option value = "A" selected="selected">A会議室</option>
<option value = "B">B会議室</option>
<option value = "C">C会議室</option>
<option value = "D">D会議室</option>
<option value = "H">H会議ブーツ</option>
<option value = "I">I会議ブーツ</option>
<option value = "J">J会議ブーツ</option>
</select>
<label class = "long_label_left">階段</label>
<select class = "long_input" id = "floor_id">
<option value = "1" selected="selected">一段</option>
<option value = "2">二段</option>
<option value = "3">三段</option>
</select>

<label class = "long_label_left">番号</label>
<select class = "long_input" id = "num_id">
<option value = "1" selected="selected">1</option>
<option value = "2">2</option>
<option value = "3">3</option>
</select>

</div>

<div>
<table width="500px">
	<tr>
		<td><label class = "long_color">スタートデート</label></td>
		<td><input class="long_input" type="text" id="start_date" size="20"
			name = "startDate" >
		</td>
	</tr>
	<tr>
		<td><span class="long_color"> ~ </span></td>
	</tr>
	<tr>
		<td><label class = "long_color">エンドデート</label></td>
		<td><input type="text" class="long_input" id = "end_date" size="20"
			name = "endDate" >
		</td>
	</tr>
</table>
</div>
<!-- 
<div class="long_check_div">
	<input type="checkbox" name="week" value="first" checked="checked"><span>第一週</span> 
	<input type="checkbox" name="week" value="second"> <span>第二週 </span>
	<input type="checkbox" name="week" value="third"> <span>第三週 </span>
	<input type="checkbox" name="week" value="forth"> <span>第四週</span>
</div>
-->
<br>
<div>
<!-- 
 <select
	class="long_input" id = "day_id" name="day">
	<option value="1" selected="selected">月</option>
	<option value = "2">火</option>
	<option value = "3" >水</option>
	<option value = "4">木</option>
	<option value = "5">金</option>
	<option value = "6">土</option>
	<option value = "0">日</option>
</select> 


	<label class = "long_label" >...曜日</label>
	-->
 	<label class = "long_color">時間</label> 
 	<input class="long_input" type="text" size="10" id = "start_time" name = "startTime"> 
 	<label class  = "long_color">~</label>
 	<input class="long_input" type="text" size="10" id = "end_time" name = "endTime"> 
 	<label class = "long_color">(フョ-マット：</label> 
	<label style="color: red">HH:MM</label> 
	<label class = "long_color">)</label>
</div>
<br>
<div  class = "long_button">
		<input type = "button" value = "予約" id = "submit_id">
</div>
</div>
</div><!-- end .x_content_right_main -->
			</div><!-- end #x_content_right -->
			<div class="clear"></div>
		</div><!-- #s_content -->
		</div><!-- end  #x_content_b-->
	</div><!-- end #x_content -->
  	<div id="footer">
 	 	<tiles:insertTemplate template="/footer.jsp"></tiles:insertTemplate> 
  	</div><!-- end s#footer  -->
  </div><!-- end .#wrapper -->
  </div><!-- end #all -->
</body>
</html>